<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <title>考试报名管理</title>
    <!-- Bootstrap core CSS -->
    <link href="../static/asserts/css/bootstrap.min.css" th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="../static/asserts/css/dashboard.css" th:href="@{/asserts/css/dashboard.css}" rel="stylesheet">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<div th:replace="sidbar::#topbar"></div>

<div class="container-fluid">
    <div class="row">
        <div th:replace="sidbar::#sbar"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            <div class="chartjs-size-monitor"
                 style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
                <div class="chartjs-size-monitor-expand"
                     style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                    <div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
                </div>
                <div class="chartjs-size-monitor-shrink"
                     style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                    <div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
                </div>
            </div>

            <div class="jumbotron" style="margin-top: -50px">
                <h2>考试报名管理</h2>
                <br>
                <ul style="line-height: 30px;list-style: none">
                    <li>考试报名系统：选定一个学院，给这个学院安排考试，这个学院的学生都会参加这门考试，只有安排了考试该学院的学生才能报名该门考试</li>
                </ul>
                <br>
                <div class="col-md-offset-3 col-md-5">
                    <form th:action="@{/college/examByCo}" class="form-inline" method="post">
                        学院名称： <select class="col-sm-6" name="id">
                        <option th:each="col:${colleges}"  th:value="${col.getId()}"
                                th:text="${col.getName()}">1
                        </option>
                    </select>
                        <input type="submit" value="去设置" class="btn btn-success">
                    </form>
                </div>
                <br>
                <br>
                <div class="col-md-offset-1 col-md-11">
                <ul style="line-height: 30px;list-style: none">
                    <li>首先进入的是添加页面，如果想要删除就选择去删除，也可以切换回来</li>
                    <li>删除和添加只是影响的学院与考试的联系，不是考试本身</li>
                </ul>
                </div>
                <br>
                <br>

            </div>

        </main>
    </div>
</div>

<script>


</script>
</body>

</html>